<!doctype html>
<html>

<head>
	<title>我的订单</title>
	<meta charset="utf-8">
	<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="http://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
	<script src="http://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>

<body>
	<header class="header">
		<div class="header-top">
			<div class="containers">
				<div class="left">
					<img src="../../images/tips.png" alt="">
					<span>优品汇售后退还无忧服务上线</span>
				</div>
				<div class="right">
					<a href="./login.html">请先登录&nbsp;&nbsp;| </a>
					<a href="./register.html">&nbsp;&nbsp;免费注册&nbsp;&nbsp;|</a>
					<a href="./myorder.html">&nbsp;&nbsp;我的订单&nbsp;&nbsp;|</a>
					<a href="./helpcenter.html">&nbsp;&nbsp;帮助中心&nbsp;&nbsp;|</a>
					<a href="">&nbsp;&nbsp;在线客服&nbsp;&nbsp;|</a>
					<a href="">
						<img src="../../images/phone.png" alt="">
						<span>手机版</span>
					</a>
				</div>
			</div>
		</div>
		<div class="header-bottom">
			<div class="containers">
				<img src="../../images/logo.png" alt="" class="logo">
				<div class="name">
					<div class="name-top">净水器</div>
					<div class="name-bottom">惠聚优质商品</div>
				</div>
				<ul>
					<li>
						<span class="active">
							<a href="./index.html">首页</a>
						</span>
					</li>
					<li>
						<span>
							<a href="./waterpurifier.html">净水器</a>
						</span>
					</li>
					<li>
						<span>
							<a href="./directlywater.html">直饮水</a>
						</span>
					</li>
					<li>
						<span>
							<a href="./watercheck.html">水质查询</a>
						</span>
					</li>
					<li>
						<span>
							<a href="./applyinstall.html">申请安装</a>
						</span>
					</li>
					<li>
						<span>
							<a href="./applyfix.html">申请维修</a>
						</span>
					</li>
				</ul>
				<div style="position: relative;display: inline-block">
					<input type="text" placeholder="输入商品关键词">
					<img src="../../images/search.png" alt="" class="search-img" onclick="window.location.href='./search.html'">
				</div>
				<span class="mycar">
					<a href="./mycart.html">我的购物车</a>
				</span>
				<img src="../../images/bag.png" alt="" class="bag">
			</div>
		</div>
	</header>
	<div class="contents">
		<div class="breadCrumbs">
			<div class="containers">
				<div>首页 > 我的订单</div>
				<div class="myorder flex space-between">
					<div class="cp_l">
						<div>我的账户</div>
						<ul class="myaccount">
							<li>
								<a href="./personcenter.html"> 个人中心</a>
							</li>
							<li>
								<a href="./message.html">消息通知</a>
							</li>
							<li>
								<a href="./personinfo.html">个人信息</a>
							</li>
							<li>
								<a href="./mydevice.html">我的设备</a>
							</li>
							<li>
								<a href="./safesetting.html">安全设置</a>
							</li>
							<li>
								<a href="./address.html">地址管理</a>
							</li>
							<li>
								<a href="./myscores.html">我的积分</a>
							</li>
							<li>
								<a href="./invitedgift.html">邀请有礼</a>
							</li>
							<li>
								<a href="./commission.html">我的佣金</a>
							</li>
						</ul>
						<div>交易管理</div>
						<ul>
							<li class="active">
								<a href="./myorder.html"> 我的订单</a>
							</li>
							<li>
								<a href="./evaluation.html">评价晒单</a>
							</li>
							<li>
								<a href="./aftersalesservice.html">售后服务</a>
							</li>
						</ul>
						<div>我的收藏</div>
						<ul>
							<li>
								<a href="#"> 收藏的商品</a>
							</li>
						</ul>
						<div>帮助中心</div>
						<ul>
							<li>
								<a href="./helpcenter.html"> 帮助中心</a>
							</li>
							<li>
								<a href="#"> 在线客服</a>
							</li>
						</ul>
					</div>
					<div class="cp_r">
						<div class="cp_r_tab flex">
							<div class="tab active">全部订单</div>
							<div class="tab">待付款</div>
							<div class="tab">待收货</div>
							<div class="tab">已完成</div>
							<div class="tab">已取消</div>
						</div>

						<div id='cp_r_devicebox1' class="cp_r_devicebox">
							<div class="cp_r_devicebox_item">
								<div class="item_row1 flex space-between">
									<div>下单时间：2018-01-08 15:02:00 订单编号：62205697599</div>
									<div class="clock">
										<img src="../../images/clock.png" alt=""> 付款截止：剩余22时33分
									</div>
								</div>
								<div class="item_row2 flex y-center">
									<div class="left flex y-center">
										<img src="../../images/product2.png" alt="">
										<div class="left_r">
											<div>史密斯净水器</div>
											<div>颜色：黑色 </div>
											<div>型号：c-00999 数量：1</div>
										</div>
									</div>
									<div class="center1 flex x-center y-center">待付款</div>
									<div class="center flex x-center">
										<div>¥29.00</div>
										<div>（含运费：¥10.00元）</div>
										<div>在线支付</div>
									</div>
									<div class="right flex x-center y-center">
										<div class="but">立即付款</div>
										<div>查看详情</div>
										<div>取消订单</div>
									</div>
								</div>
							</div>
							<div class="cp_r_devicebox_item">
								<div class="item_row1 flex space-between">
									<div>下单时间：2018-01-08 15:02:00 订单编号：62205697599</div>
								</div>
								<div class="item_row2 flex y-center">
									<div class="left flex y-center">
										<img src="../../images/product2.png" alt="">
										<div class="left_r">
											<div>史密斯净水器</div>
											<div>颜色：黑色 </div>
											<div>型号：c-00999 数量：1</div>
										</div>
									</div>
									<div class="center1 flex x-center y-center">
										<div>待收货</div>
										<div>查看物流</div>
									</div>
									<div class="center flex x-center">
										<div>¥29.00</div>
										<div>（含运费：¥10.00元）</div>
										<div>在线支付</div>
									</div>
									<div class="right flex x-center y-center">
										<div class="but1">确认收货</div>
										<div>查看详情</div>
										<div>再次购买</div>
									</div>
								</div>
							</div>
							<div class="cp_r_devicebox_item">
								<div class="item_row1 flex space-between">
									<div>下单时间：2018-01-08 15:02:00 订单编号：62205697599</div>
									<div class="clock">删除</div>
								</div>
								<div class="item_row2 flex y-center">
									<div class="left flex y-center">
										<img src="../../images/product2.png" alt="">
										<div class="left_r">
											<div>史密斯净水器</div>
											<div>颜色：黑色 </div>
											<div>型号：c-00999 数量：1</div>
										</div>
									</div>
									<div class="center1 flex x-center y-center">
										<div>已完成</div>
										<div>评价商品</div>
									</div>
									<div class="center flex x-center">
										<div>¥29.00</div>
										<div>（含运费：¥10.00元）</div>
										<div>在线支付</div>
									</div>
									<div class="right flex x-center y-center">
										<div>查看详情</div>
										<div>取消订单</div>
										<div class="greycolor">申请售后</div>
									</div>
								</div>
							</div>
							<div class="cp_r_devicebox_item">
								<div class="item_row1 flex space-between">
									<div>下单时间：2018-01-08 15:02:00 订单编号：62205697599</div>
									<div class="clock">删除</div>
								</div>
								<div class="item_row2 flex y-center">
									<div class="left flex y-center">
										<img src="../../images/product2.png" alt="">
										<div class="left_r">
											<div>史密斯净水器</div>
											<div>颜色：黑色 </div>
											<div>型号：c-00999 数量：1</div>
										</div>
									</div>
									<div class="center1 flex x-center y-center">
										<div>已取消</div>
									</div>
									<div class="center flex x-center">
										<div>¥29.00</div>
										<div>（含运费：¥10.00元）</div>
										<div>在线支付</div>
									</div>
									<div class="right flex x-center y-center">
										<div>查看详情</div>
										<div>再次购买</div>
									</div>
								</div>
							</div>
						</div>

						<div id='cp_r_devicebox2' class="cp_r_devicebox">
							<div class="cp_r_devicebox_item">
								<div class="item_row1 flex space-between">
									<div>下单时间：2018-01-08 15:02:00 订单编号：62205697599</div>
									<div class="clock">
										<img src="../../images/clock.png" alt=""> 付款截止：剩余22时33分
									</div>
								</div>
								<div class="item_row2 flex y-center">
									<div class="left flex y-center">
										<img src="../../images/product2.png" alt="">
										<div class="left_r">
											<div>史密斯净水器</div>
											<div>颜色：黑色 </div>
											<div>型号：c-00999 数量：1</div>
										</div>
									</div>
									<div class="center1 flex x-center y-center">待付款</div>
									<div class="center flex x-center">
										<div>¥29.00</div>
										<div>（含运费：¥10.00元）</div>
										<div>在线支付</div>
									</div>
									<div class="right flex x-center y-center">
										<div class="but">立即付款</div>
										<div>查看详情</div>
										<div>取消订单</div>
									</div>
								</div>
							</div>
						</div>

						<div id='cp_r_devicebox3' class="cp_r_devicebox">
							<div class="cp_r_devicebox_item">
								<div class="item_row1 flex space-between">
									<div>下单时间：2018-01-08 15:02:00 订单编号：62205697599</div>
								</div>
								<div class="item_row2 flex y-center">
									<div class="left flex y-center">
										<img src="../../images/product2.png" alt="">
										<div class="left_r">
											<div>史密斯净水器</div>
											<div>颜色：黑色 </div>
											<div>型号：c-00999 数量：1</div>
										</div>
									</div>
									<div class="center1 flex x-center y-center">
										<div>待收货</div>
										<div>查看物流</div>
									</div>
									<div class="center flex x-center">
										<div>¥29.00</div>
										<div>（含运费：¥10.00元）</div>
										<div>在线支付</div>
									</div>
									<div class="right flex x-center y-center">
										<div class="but1">确认收货</div>
										<div>查看详情</div>
										<div>再次购买</div>
									</div>
								</div>
							</div>
						</div>

						<div id='cp_r_devicebox4' class="cp_r_devicebox">
							<div class="cp_r_devicebox_item">
								<div class="item_row1 flex space-between">
									<div>下单时间：2018-01-08 15:02:00 订单编号：62205697599</div>
									<div class="clock">删除</div>
								</div>
								<div class="item_row2 flex y-center">
									<div class="left flex y-center">
										<img src="../../images/product2.png" alt="">
										<div class="left_r">
											<div>史密斯净水器</div>
											<div>颜色：黑色 </div>
											<div>型号：c-00999 数量：1</div>
										</div>
									</div>
									<div class="center1 flex x-center y-center">
										<div>已完成</div>
										<div>评价商品</div>
									</div>
									<div class="center flex x-center">
										<div>¥29.00</div>
										<div>（含运费：¥10.00元）</div>
										<div>在线支付</div>
									</div>
									<div class="right flex x-center y-center">
										<div>查看详情</div>
										<div>取消订单</div>
										<div class="greycolor">申请售后</div>
									</div>
								</div>
							</div>
						</div>

						<div id='cp_r_devicebox5' class="cp_r_devicebox">
							<div class="cp_r_devicebox_item">
								<div class="item_row1 flex space-between">
									<div>下单时间：2018-01-08 15:02:00 订单编号：62205697599</div>
									<div class="clock">删除</div>
								</div>
								<div class="item_row2 flex y-center">
									<div class="left flex y-center">
										<img src="../../images/product2.png" alt="">
										<div class="left_r">
											<div>史密斯净水器</div>
											<div>颜色：黑色 </div>
											<div>型号：c-00999 数量：1</div>
										</div>
									</div>
									<div class="center1 flex x-center y-center">
										<div>已取消</div>
									</div>
									<div class="center flex x-center">
										<div>¥29.00</div>
										<div>（含运费：¥10.00元）</div>
										<div>在线支付</div>
									</div>
									<div class="right flex x-center y-center">
										<div>查看详情</div>
										<div>再次购买</div>
									</div>
								</div>
							</div>
						</div>

						<nav aria-label="Page navigation">
							<ul class="pagination">
								<li>
									<a href="#" aria-label="Previous">
										<span aria-hidden="true">上一页</span>
									</a>
								</li>
								<li>
									<a href="#">1</a>
								</li>
								<li>
									<a href="#">2</a>
								</li>
								<li>
									<a href="#">3</a>
								</li>
								<li>
									<a href="#">4</a>
								</li>
								<li>
									<a href="#">5</a>
								</li>
								<li>
									<a href="#" aria-label="Next">
										<span aria-hidden="true">下一页</span>
									</a>
								</li>
							</ul>
						</nav>
					</div>
				</div>
			</div>
		</div>
	</div>

	<footer class="footer" style="background-color:#fff;">
		<div class="footer-top containers flex space-between">
			<div class="item">
				<div class="title text-center">客户服务</div>
				<div class="flex space-between">
					<div class="img-group">
						<img src="../../images/serve.png" alt="" class="serve-img">
						<div>在线客服</div>
					</div>
					<div class="img-group">
						<img src="../../images/question.png" alt="" class="qusetion-img">
						<div>问题反馈</div>
					</div>
				</div>
			</div>
			<div class="item">

				<div class="title text-center">关注我们</div>
				<div class="flex space-between">
					<a class="img-group">
						<img src="../../images/wechat.png" alt="" class="weixin-img">
						<div>公众号</div>
					</a>
					<a class="img-group">
						<img src="../../images/webo.png" alt="" class="weibo-img">
						<div>微博</div>
					</a>
				</div>
			</div>
			<div class="item">
				<div class="title text-center">下载APP</div>
				<div class="flex space-between">
					<img src="../../images/20170104103647314.png" alt="" class="code">
					<div class="text-group">
						<div>扫描二维码查看</div>
						<div>移动版原型效果</div>
					</div>
				</div>
			</div>
			<div class="item">
				<div class="title text-center">下载APP</div>
				<div class="green text-center">400-0000-000</div>

				<div class="text-center date">周一至周日：8:00-18:00</div>
				<div class="text-center">(仅收市话费)</div>

			</div>
		</div>
		<div class="footer-bottom">
			<div class="containers advantage flex y-center space-between">
				<div class="item flex y-center">
					<img src="../../images/change.png" alt="">
					<span>30天无忧退换货</span>
				</div>
				<div class="item flex y-center">
					<img src="../../images/car.png" alt="">
					<span>满88元免邮费</span>
				</div>
				<div class="item flex y-center">
					<img src="../../images/save.png" alt="">
					<span>优品汇品质保证</span>
				</div>
			</div>

			<div class="link containers text-center">
				<a href="">&nbsp;&nbsp;关于我们&nbsp;&nbsp;|</a>
				<a href="">&nbsp;&nbsp;帮助中心&nbsp;&nbsp;|</a>
				<a href="">&nbsp;&nbsp;售后服务&nbsp;&nbsp;|</a>
				<a href="">&nbsp;&nbsp;配送与验收&nbsp;&nbsp;|</a>
				<a href="">&nbsp;&nbsp;商务合作&nbsp;&nbsp;|</a>
				<a href="">&nbsp;&nbsp;企业采购&nbsp;&nbsp;|</a>
				<a href="">&nbsp;&nbsp;开放平台&nbsp;&nbsp;|</a>
				<a href="">&nbsp;&nbsp;搜索推荐&nbsp;&nbsp;|</a>
				<a href="">&nbsp;&nbsp;友情链接&nbsp;&nbsp;</a>
			</div>

			<div class="copyright text-center">
				CopyRight @ 优品汇 2015 - 2017
			</div>
		</div>
	</footer>
</body>

</html>